  <div class="container bump-me">

    <div class="body-content">

      <div class="panel panel-default">
        <div class="panel-heading">
          <h3 class="panel-title">Past Recordings</h3>
        </div>
        <div class="panel-body">
          <% if archives.count > 0  %>
          <table class="table">
            <thead>
              <tr>
                <th>&nbsp;</th>
                <th>Created</th>
                <th>Duration</th>
                <th>Status</th>
              </tr>
            </thead>
            <tbody>
              <% for item in archives %>

              <tr data-item-id="<%= item.id %>">
                <td>
                  <% if (item.status == "available") && item.url && (item.url.length > 0) %>
                  <a href="/download/<%= item.id %>">
                  <% end %>
                  <%= item.name || "Untitled" %>
                  <% if (item.status == "available") && item.url && (item.url.length > 0) %>
                  </a>
                  <% end %>
                </td>
                <td><%= Time.at(item.created_at/1000).strftime("%B %e, %Y at %I:%M %p") %></td>
                <td><%= item.duration %> seconds</td>
                <td><%= item.status %></td>
                <td>
                  <% if item.status == "available" %>
                    <a href="/delete/<%= item.id %>">Delete</a>
                  <% else %>
                    &nbsp;
                  <% end %>
                </td>
              </tr>

              <% end %>
            </tbody>
          </table>
          <% else %>
          <p>
            There are no archives currently. Try making one in the <a href="/host">host view</a>.
          </p>
          <% end %>
        </div>
        <div class="panel-footer">
          <% if show_previous %>
            <a href="<%= show_previous %>" class="pull-left">&larr; Newer</a>
          <% end %>
          &nbsp;
          <% if show_next %>
            <a href="<%= show_next %>" class="pull-right">Older &rarr;</a>
          <% end %>
        </div>
      </div>
    </div>
  </div>
